
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta name="format-detection" content="telephone=no">
    <title>心教育-统计</title>
    <link rel="stylesheet" href="${root}assets/agile/css/agile.layout.css">
<link rel="stylesheet" href="${root}assets/third/seedsui/plugin/seedsui/seedsui.min.css">
</head>

<body>
<div id="section_container">
    <section data-role="section" id="page_index" class="active">
        <header>
            <div class="titlebar">
            	<a data-toggle="back" href="#"><i class="icon icon-arrowleft"></i></a>
                <h1>销售统计-本周</h1>
            </div>
        </header>
        <article id="main_article" data-role="article" class="active">
            <div id="main" style="width: 100%;height:400px;"></div>
        </article>
    </section>
</div>
<!--- third -->
	<script src="${root}assets/third/jquery/jquery-2.1.3.min.js"></script>
	<script src="${root}assets/third/jquery/jquery.mobile.custom.min.js"></script>
	<!---  agile -->
	<script type="text/javascript" src="${root}assets/agile/js/agile.js"></script>
<script type="text/javascript" src="${root}assets/bridge/exmobi.js"></script>
<script type="text/javascript" src="${root}assets/bridge/agile.exmobi.js"></script>			
	<!-- app -->
	<script type="text/javascript" src="${root}assets/app/js/app.seedsui.js"></script>
     <script src="${root}js/echarts.min.js"></script>
    <script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
    	    title: {
    	        text: ''
    	    },
    	    tooltip : {
    	        trigger: 'axis',
    	        axisPointer: {
    	            type: 'cross',
    	            label: {
    	                backgroundColor: '#6a7985'
    	            }
    	        }
    	    },
    	    legend: {
    	        data:['培训','课程','VIP','会议','其他']
    	    },
    	    
    	    grid: {
    	        left: '3%',
    	        right: '4%',
    	        bottom: '3%',
    	        containLabel: true
    	    },
    	    xAxis : [
    	        {
    	            type : 'category',
    	            boundaryGap : false,
    	            data : ['周一','周二','周三','周四','周五','周六','周日']
    	        }
    	    ],
    	    yAxis : [
    	        {
    	            type : 'value'
    	        }
    	    ],
    	    series : [
    	        {
    	            name:'培训',
    	            type:'line',
    	            stack: '总量',
    	            areaStyle: {normal: {}},
    	            data:[120, 132, 101, 134, 90, 230, 210]
    	        },
    	        {
    	            name:'课程',
    	            type:'line',
    	            stack: '总量',
    	            areaStyle: {normal: {}},
    	            data:[220, 182, 191, 234, 290, 330, 310]
    	        },
    	        {
    	            name:'VIP',
    	            type:'line',
    	            stack: '总量',
    	            areaStyle: {normal: {}},
    	            data:[150, 232, 201, 154, 190, 330, 410]
    	        },
    	        {
    	            name:'会议',
    	            type:'line',
    	            stack: '总量',
    	            areaStyle: {normal: {}},
    	            data:[320, 332, 301, 334, 390, 330, 320]
    	        },
    	        {
    	            name:'其他',
    	            type:'line',
    	            stack: '总量',
    	            label: {
    	                normal: {
    	                    show: true,
    	                    position: 'top'
    	                }
    	            },
    	            areaStyle: {normal: {}},
    	            data:[820, 932, 901, 934, 1290, 1330, 1320]
    	        }
    	    ]
    	};
    myChart.setOption(option);
    </script>
    
    
    
</body>
</html>
